
.page-content {
  /* 其他样式 */
}
.main{
	height: 100%;
	width: 100%;
	
}
.avatar-info{
	width: 100%;
	height: 155px;
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 7; /* 确保 Tab 栏位于其他内容之上 */
}
.contact-info{
	background-color: #e8e8e8;
	border-radius: 4px;
	margin-left:10px;
	text-align: center;
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
	z-index: 10; /* 确保 Tab 栏位于其他内容之上 */
	font-size: 15px;
	margin-right: 10px;
	height: 38px;
}
.avatar-text{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 95%;
	line-height: 40px; /* 行高与容器高度相等 */
	width:95%;
}
.yundan{
	background-color: #fff9e1;
	color: #ffaa00;
	height: 20px;
	width: 30px;
	font-size: 7px;
	line-height: 20px;
	border: 1px solid #ffcc4b;
	margin-left: -15px;
}
.number{
	font-size: 18px;
	margin-left: 10px;
	width: 130px;
	display: inline-block;
	font-weight: bold;
}
.deliver{
	font-size: 15px;
	margin-left: 10px;
	color: red;
	font-weight: 200;
	
}
.make{
	width:20px;
	height: 20px;
	font-size: 15px;
	border-radius: 5px;
	margin-left: 10px;
	line-height: 20px;
	color: #ffffff;
	background-color: #01c3a3;
	font-weight: 200;
	display: inline-block;	
}
.dispatch{
	width:20px;
	height: 20px;
	font-size: 15px;
	border-radius: 5px;
	margin-left: 5px;
	line-height: 20px;
	color: #ffffff;
	background-color: #0009c3;
	font-weight: 200;
	display: inline-block;	
}
.cargo{
	width:23px;
	height: 20px;
	font-size: 15px;
	border-radius: 5px;
	margin-left: 5px;
	line-height: 20px;
	color: #ffffff;
	background-color: #ff557f;
	font-weight: 200;
	display: inline-block;	
}
.price{
	width:35px;
	height: 17px;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	background-color: #ffaa00;
	font-weight: 200;
	display: inline-block;	
	float: right;
}
.money{
	margin-left: 5px;
	margin-right: -15px;
	color: #ffaa00;
}
.content-list-1{
	margin-left: 16px;
}
.shipment{
	border: 1px solid #ccc;
	font-size: 10px;
	color: #e3af01;
}
.description{
	margin-left: 10px;
}
.algebra{
	margin-left: 10px;
}
.one{
	margin-left: 10px;
}
.kg{
	margin-left: 10px;
}
.meter{
	margin-left: 10px;
}
.content-list-2{
	margin-top: 3px;
	margin-left: 16px;
}
.artNo{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.artNumber{
	margin-left: 10px;
}
.content-list-3{
	margin-top: 3px;
	margin-left: 16px;
}
.package{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.content-list-4{
	margin-top: 3px;
	margin-left: 16px;
}
.options{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.delivery-options{
	margin-left: 10px;
}
.content-list-5{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-6{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-7{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-8{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-9{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-10{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-11{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-12{
	margin-top: 3px;
	margin-left: 16px;
}
.content-list-13{
	margin-top: 3px;
	margin-left: 16px;
	width: 100%;
	border-bottom: 1px solid #ccc ;
}
.content-list-14{
	margin-top: 15px;
	margin-right: 16px;
}
.avatar-button{
	margin-right: 5px;
	margin-top: 10px;
	 float: right;
}
.abnormal{
	margin-right: 5px;
	display: inline-block;	
	height: 35px;
	width: 80px;
	background-color: #ffffff;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	color: red;
	line-height: 32px;
	text-align: center;
	border: 1px solid #ff0000;
}
.details{
	display: inline-block;	
	height: 35px;
	width: 80px;
	font-size: 16px;
	background-color: #d19a1a;
	color: white;
	border: none;
	border-radius: 5px;
	line-height: 32px;
	text-align: center;
}
.content-list-15{
	margin-top: 80px;
	margin-right: 16px;
	background-color: #f3f3f3;
	width: 100%;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0px;
	z-index: 2;
}
.avatar-order{
	background-color: #fffef3;
	height: 20px;
	font-size: 15px;
	text-indent: 2em; /* 首行缩进2个em单位，通常1em等于当前字体大小 */

}
.content-list1{
	width: 100%;
	overflow: hidden;
	border-bottom: 15px solid #efefef;
}
.content-list1:first-child{
	margin-top: 120px;
}
/* .end{
	position: relative;
	top: 50px;
	height: 10px;
	background-color: #efefef;
	width: 100%;
}
.end2{
	position: relative;
	top: 50px;
	height: 50px;
	background-color: #efefef;
	width: 100%;
} */
.delivery-number{
	color: #00aaff;
}
.delivery-icon{
	margin-left: 5px;
}
.delivery-icon image{
	width: 21px;
	height: 21px;
}
.delivery-axis{
	background-color: #0374ff;
	display: inline-block;	
	width: 21px;
	height: 21px;
	border-radius: 50%;
	position: absolute;
	left: 90vw;
	bottom: -2vh;
}
.delivery-axis image{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-bottom: -3px;
}
.lading{
	margin-right: 5px;
	display: inline-block;	
	height: 35px;
	width: 80px;
	background-color: #d19a1a;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
}
.booked{
	margin-right: 5px;
	display: inline-block;	
	height: 35px;
	width: 80px;
	background-color: #f4b700;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
}
.empty-state{
	position: fixed;
	top: 40%;
	left: 30%;
}